:root {
    --light: 20;
    /* the threshold at which colors are considered "light." Range: integers from 0 to 100,
recommended 50 - 70 */
    --threshold: 80;
}

.posttype {
    /* Any lightness value below the threshold will result in white, any above will result in black */
    --switch: calc((var(--light) - var(--threshold)) * -100%);
}



@media (prefers-color-scheme: dark) {
   
}
.companylogo,
.galistologo {
        filter:unset !important;
    }

.k-button .k-icon,
.k-textbox,
.forwardButton,
.searchButton,
.backButton {
    /*   position: unset !important;*/
    /*width: unset;
    height: unset;*/
}

.k-button {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:unset;
}

.k-button-icon {
width:unset;
height: unset;
}

.k-window-actions {
    right: 16px !important;
}

.tilebadge {
    background-color: cornflowerblue;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
}
.k-notification {
    border-radius: 4px;
    /*background-color: inherit !important;*/
}
.k-notification-success {
    border: 1px solid green;
    border-left: 8px solid green;
}
.k-notification-error {
    border: 1px solid red;
    border-left: 8px solid red;
}
.k-notification-warning {
    border: 1px solid orange;
    border-left: 8px solid orange;
}
.k-notification-info {
    border: 1px solid blue;
    border-left: 8px solid blue;
}
.maincontent {
    /*padding-top:20px;*/
    background-color: inherit;
}
.RadForm.rfdHeading h5 {
    font-size: xx-large !important;
    font-weight: bold !important;
    border-bottom: 0px solid !important;
}

.k-badge-md {
    font-size: 100%;
}
.RadForm.rfdHeading h4, .RadForm.rfdHeading h5, .RadForm.rfdHeading h6,
.RadSiteMap,
.k-grid,
.k-card,
.k-treeview {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    border-radius: 0px !important;
}

.k-grid-header th.k-header {
    padding: 6px 8px !important;
}

.RadForm.rfdHeading h5,
.k-card-title {
    color: white !important;
}
.k-card .cardtext {
    /*color: black !important;*/
}
.k-tilelayout .k-card {
    /*box-shadow: 5px 5px 5px lightgrey !important;*/
}
.k-card,
.k-card a {
    /*color: white !important;*/
    text-decoration: none;
    border-radius: 0px;
}

.k-card:hover {
    margin-top: -2px;
}

.k-checkbox-label {
    color: inherit;
}
.RadForm input.rfdDecorated,
.k-input {
    border: 0px !important;
}

@media screen and (max-width: 400px) {
    #tileLayout, #tileLayout1, #tileLayout2 {
        grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
    }

    .chart,
    .myflex,
    .tablecell {
        display: unset;
    }

    .postlist,
    .postListGrid {
        max-width: 400px !important;
    }

    .details {
        width: 400px;
        vertical-align: top !important;
    }

    .chart {
        /*display: none !important;*/
        /*text-anchor:unset !important;*/
        /*height: 280px;*/
        width: 400px;
        font-family: unset;
    }

    .userlist {
        width: 400px;
    }

    .mainheader25 {
        width: 100% !important;
    }

    .mainheader75 {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }
    .k-animation-container {
        /*width: unset !important;*/
        left: unset !important;
    }
    .k-window-titlebar {
        display: flex;
        background-color: #26495f;
        color: white;
    }

    .mainheaderextsearch {
        display: none;
    }

    .tablecell75 {
        display: unset !important;
        width: 100%;
    }

    .tablecell25 {
        display: unset !important;
        width: 100%;
    }

    .size-1 {
        width: 320px;
    }

    .size-2,
    .size-6 {
        width: 900px;
    }

    .size-3 {
        height: 300px;
        width: 400px;
    }

    .size-4 {
        height: 500px;
        width: 500px;
    }

    .size-5 {
        height: 500px;
        width: 300px;
    }
    .k-notification {
        width: 100%;
        top: 0px;
        right: 0px;
    }
    .textfield {
        width: 340px;
    }
}

@media screen and (max-width: 600px) {
    #tileLayout, #tileLayout1, #tileLayout2 {
        grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
    }

    .chart,
    .myflex,
    .tablecell {
        display: unset;
    }

    .postlist,
    .postListGrid {
        max-width: 320px !important;
    }

    .details {
        width: 600px;
        vertical-align: top !important;
    }

    .chart {
        /*display: none !important*/;
        /*height: 280px;*/
        width: 320px;
        font-family:unset;
    }

    .userlist {
        width: 320px;
    }
    .k-animation-container {
        width:100%;
        left:unset;
    }
    .k-window-titlebar {
        display: flex;
        background-color: #26495f;
        color: white;
    }

    .mainheader25 {
        width: 100% !important;
    }

    .mainheader75 {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .mainheaderextsearch {
        display: none;
    }
    .tablecell75 {
        display: unset !important;
        width: 100%;
    }

    .tablecell25 {
        display: unset !important;
        width: 100%;
    }

    .size-1 {
        width: 320px;
    }

    .size-2,
    .size-6 {
        width: 900px;
    }

    .size-3 {
        height: 300px;
        width: 400px;
    }

    .size-4 {
        height: 500px;
        width: 500px;
    }

    .size-5 {
        height: 500px;
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    #container div {
        width: 320px;
        text-align: center;
    }
    .chart,
    .myflex,
    .tablecell {
        display: unset;
    }

    .postlist,
    .postListGrid {
        max-width: 767px !important;
    }
    .chart {
        height: 280px;
        width: 320px;
        font-family: unset;
    }
    .userlist {
        width: 320px;
    }

    .mainheader25 {
        width: 25%;
    }

    .mainheader75 {
        width: 75%;
        /*margin: 10px;*/
    }

    .mainheaderextsearch {
        display: none;
    }
    .tablecell75 {
        display: unset !important;
        width: 100%;
    }

    .tablecell25 {
        display: unset !important;
        width: 100%;
    }
    .size-1 {
        width: 320px;
    }

    .size-2,
    .size-3,
    .size-4,
    .size-5,
    .size-6 {
        width: 320px;
        display: none;
    }
}

@media screen and (min-width: 768px) {

    #container div {
        width: 900px;
        text-align: center;
    }
    .chart,
    .tablecell {
        display: table-cell;
    }
    .postlist,
    .postListGrid {
        max-width: 1000px !important;
    }
    
    .myflex {
        display: flex;
    }

    .chart {
        /*height: 280px;*/
        width: 800px;
        font-family: unset;
    }
    .userlist {
        width: 100%;
    }

    .mainheader25 {
        display: table-cell;
        width: 25%;
        min-width: 317px;
    }

    .mainheader75 {
        display: table-cell;
        width: 75%;
        margin: 10px;
    }

    .mainheaderextsearch {
        display: table-cell;
    }
    .tablecell75 {
        display: table-cell;
        width: 75%;
    }

    .tablecell25 {
        display: table-cell;
        width: 25%;
    }
    .size-1,
    .size-2,
    .size-3,
    .size-4,
    .size-5 {
        display: none;
    }

    .size-6 {
        width: 900px;
    }

    .relatednode {
        background-color: gainsboro;
        margin: 4px;
        color:initial;
    }
    /*.k-notification {
        top: 20px;
        right: 20px;
    }*/
    .k-window-titlebar {
        display: flex;
        background-color: #26495f;
        color: white;
    }
}